<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>淘票票</title>
		<link rel="stylesheet" type="text/css" href="../../styles/index/index.css" />
		<link rel="stylesheet" type="text/css" href="../../static/styles/swiper.css" />
	</head>
	<body>
		<div class="nav">
			<div class="container-left">
				<div class="back">
					退出登录
				</div>
				<ul>
					<li><a href="../login/login.html" id="cla1">亲，请登录</a><a href="../login/register.html">免费注册</a></li>
					<li><a href="#">手机逛淘宝</a></li>

					<li><a href="#" id="cla3">淘宝网首页</a></li>
					<li id="nav-li1"><a href="#" id="cla2">我的淘宝</a></li>
					<li id="nav-li2"><a href="../shopping/shopping.html"><img src="../../static/images/car.png">购物车<span>0</span></a></li>
					<li id="nav-li3"><a href="#">★&nbsp;收藏夹</a></li>
					<li><a href="#">商品分类</a></li>
					<li id="nav-li4"><img src="../../static/images/navs.jpg"></li>
					<li id="nav-li5"><a href="#">卖家中心</a></li>
					<li><a href="https://consumerservice.taobao.com/?spm=a2179.1434706.754895749.1.79334074QMuwnC">联系客服</a></li>
					<li id="nav-li6"><a href="https://www.taobao.com/tbhome/page/sitemap"><span>☰</span>网站导航</a></li>
				</ul>

			</div>

		</div>
		<div id="logo">
			<div id="logotu">
				<a href="index.html"><img src="../../static/images/logo.png"></a>
			</div>
			<div id="name">
				<div id="cityname">
					<p>北京</p><span id="downjian"></span>
				</div>
			</div>
			<ul>
				<li><a class="shouye" href="http://localhost:8000/pages/index/index.html">首页</a></li>
				<li><a href="http://localhost:8000/pages/movie/movie.html">影片</a></li>
				<li><a href="#">影院</a></li>
			</ul>
			<ol>
				<a href="#">
					<dl>手机购买</dl>
				</a>
				<a href="#"><dt>客服咨询</dt></a>
			</ol>
		</div>
		<div class="swiper-container">
			<div class="swiper-wrapper">
				<div class="swiper-slide"><span></span></div>
				<div class="swiper-slide"><span></span></div>
				<div class="swiper-slide"><span></span></div>
			</div>
			<!-- 如果需要分页器 -->
			<div class="swiper-pagination"></div>
			<!-- 如果需要导航按钮 -->
			<div class="swiper-button-prev"></div>
			<div class="swiper-button-next"></div>
			<!-- 如果需要滚动条 -->
			<div class="swiper-scrollbar"></div>
		</div>
		<!-- <div class="download">
			<div class="lunbo1">
				<a class="lb1" href="#"></a>
				<a class="lb2" href="#"></a>
				<span class="leftbtn"></span>
				<span class="rightbtn"></span>
			</div>
		</div> -->
		<div id="play">
			<div id="playm">
				<a href="#" class="playnow">正在热映(128)</a>
				<a href="#" class="playfuture">即将上映(368)</a>
				<a href="#" class="seeall">查看全部></a>
			</div>
			<div id="playnowall">
				<li class="play" id="play1">
					<ol>
						<dt>速度与激情：特别..</dt>
						<dl>8.5</dl>
					</ol>

					<img src="../../static/images/speed1.jpg">;
					<a href="#">选座购票</a>
					<div class="bt1 bt">

					</div>
				</li>
				<li class="play" id="play2">
					<ol>
						<dt>哪吒之魔童降世</dt>
						<dl>9.5</dl>
					</ol>
					<img src="../../static/images/speed2.jpg">;
					<a href="#">选座购票</a>
					<div class="bt2 bt">

					</div>
				</li>
				<li class="play" id="play3">
					<ol>
						<dt>铤而走险</dt>
						<dl>8.1</dl>
					</ol>
					<img src="../../static/images/speed3.jpg">;
					<a href="#">选座购票</a>
					<div class="bt3 bt">

					</div>
				</li>
				<li class="play" id="play4">
					<ol>
						<dt>深夜食堂</dt>
						<dl>7.9</dl>
					</ol>
					<img src="../../static/images/speed4.jpg">;
					<a href="#">选座购票</a>
					<div class="bt4 bt">

					</div>
				</li>
				<li class="play" id="play5">
					<ol>
						<dt>女王的柯基</dt>
						<dl>8.3</dl>
					</ol>
					<img src="../../static/images/speed5.jpg">;
					<a href="#">选座购票</a>
					<div class="bt5 bt">

					</div>
				</li>
			</div>
		</div>
		<div id="step">
			<div id="step1"></div>
		</div>
		<div id="lists">
			<div id="list1">
				<h5><span>上周票房排行</span><a id="ama" href="#">全部影片></a></h5>
				<ul>
					<li><a href="#" class="alla" id="list-item1">
							<h6>速度与激情 ：特别行动</h6>
						</a><span>8.5</span>
						<h5><a href="#">选座购票</a></h5>
					</li>
					<li><a href="#" class="alla" id="list-item2">
							<h6>哪吒之魔童降世</h6>
						</a><span>9.5</span>
						<h5><a href="#">选座购票</a></h5>
					</li>
					<li><a href="#" class="alla" id="list-item3">
							<h6>铤而走险</h6>
						</a><span>8.1</span>
						<h5><a href="#">选座购票</a></h5>
					</li>
					<li><a href="#" class="alla" id="list-item4">
							<h6>深夜食堂</h6>
						</a><span>7.9</span>
						<h5><a href="#">选座购票</a></h5>
					</li>
					<li><a href="#" class="alla" id="list-item5">
							<h6>烈火英雄</h6>
						</a><span>9.2</span>
						<h5><a href="#">选座购票</a></h5>
					</li>
				</ul>
			</div>
			<div id="list2">
				<h5><span>热门影院排行</span><a id="ama" href="#">全部影院></a></h5>
				<ul>
					<li><a href="#" id=" list-it1">中影千人影城（丰台集美广场店</a><span>丰台区卢沟桥村杜家坎环岛北侧集美家居四层81003</span>
						<a href="#" class="listbtn1">选座</a></li>
					<li><a href="#" id="list-it2">完美世界影城比如店（原17.5影城</a><span>朝阳区京顺路111号1幢101内F1-44</span>
						<a href="#" class="listbtn2">选座</a></li>
					<li><a href="#" id="list-it3">CGV影城（天宫院凯德店</a><span>大兴区华佗路与新源大街交叉口凯德MALL6F</span>
						<a href="#" class="listbtn3">选座</a></li>
					<li><a href="#" id="list-it4">大观楼影城</a><span>西城区大栅栏街36号</span>
						<a href="#" class="listbtn4">选座</a></li>
					<li><a href="#" id="list-it5">保利国际影城-北京缤纷城店</a><span>大兴区金星西路3号绿地缤纷城4层</span>
						<a href="#" class="listbtn5">选座</a></li>
					<li><a href="#" id="list-it6">美嘉欢乐影城三里屯店</a><span>朝阳区三里屯北路19号三里屯太古里B1</span>
						<a href="#" class="listbtn6">选座</a></li>
				</ul>
			</div>
			<div id="list3">
				<li>
					<div class="detail-right">
						<div class="right-score">评分：<strong>8.2</strong></div>
						
						<div class="right-buy ">
							<a href="https://dianying.taobao.com/cinemaDetail.htm?cinemaId=15701&n_s=new#seat">选座</a>
						</div>
					</div>
					<a href="https://dianying.taobao.com/cinemaDetail.htm?cinemaId=15701&amp;n_s=new" class="detail-left pictures">
						<span><img src="../../static/images/dyc1.jpg" alt="" 红星太平洋影城北京太阳宫店"> </span>
					</a>
					<div class="detail-middle">
						<div class="middle-hd">
							<h4><a href="https://dianying.taobao.com/cinemaDetail.htm?cinemaId=15701&amp;n_s=new">红星太平洋影城北京太阳宫店</a></h4>
						</div>
						<div class=middle-p>
							<div class="middle-p-list">地址：<span class="limit-address">朝阳区七圣中街12号院爱琴海购物中心6层</span>
							<a class="J_miniMap"
								 href="https://dianying.taobao.com/cinemaDetail.htm?cinemaId=15701&amp;n_s=new#detail" data-points="116.436187348,39.9707874962">[地图]</a></div>
							<div class="middle-p-list">电话：010-84240610</div>
							<div class="middle-p-list">更多：<a class="middle-more" href="https://dianying.taobao.com/cinemaDetail.htm?cinemaId=15701&amp;n_s=new#detail">影院服务</a><a
								 class="middle-more" href="https://dianying.taobao.com/cinemaDetail.htm?cinemaId=15701&amp;n_s=new#detail">交通信息</a></div>
						</div>
					</div>
				</li>
				<li class="even">
					<div class="detail-right">
						<div class="right-score">评分：<strong>8.2</strong></div>
						<div class="right-fav ">
						</div>
						<div class="right-buy ">
							<a href="https://dianying.taobao.com/cinemaDetail.htm?cinemaId=6354&n_s=new#seat">选座</a>
						</div>
					</div>
					<a href="https://dianying.taobao.com/cinemaDetail.htm?cinemaId=6354&amp;n_s=new" class="detail-left pictures">
						<span><img src="../../static/images/dyc.jpg" alt="" 博纳国际影城顺义店"> </span>
					</a>
					<div class="detail-middle">
						<div class="middle-hd">
							<h4><a href="https://dianying.taobao.com/cinemaDetail.htm?cinemaId=6354&amp;n_s=new">博纳国际影城顺义店</a></h4>
						</div>
						<div class=middle-p>
							<div class="middle-p-list">地址：<span class="limit-address">顺义区新顺南大街18号新世界百货七层</span>
							<a class="J_miniMap"
								 href="https://dianying.taobao.com/cinemaDetail.htm?cinemaId=6354&amp;n_s=new#detail" data-points="116.6514818482,40.1268790801">[地图]</a></div>
							<div class="middle-p-list">电话：010-60406018,800</div>
							<div class="middle-p-list">更多：<a class="middle-more" href="https://dianying.taobao.com/cinemaDetail.htm?cinemaId=6354&amp;n_s=new#detail">影院服务</a><a
								 class="middle-more" href="https://dianying.taobao.com/cinemaDetail.htm?cinemaId=6354&amp;n_s=new#detail">交通信息</a></div>
						</div>
					</div>
				</li>
			</div>

		</div>
		<div id="newmovie">
			<div id="newdate">
				<h3>新片观影指南</h3>
				<div class="newdateleft">
					<div id="newdatetop">

					</div>

					<div id="newdatebot"></div>


				</div>
				<div id="newdatecen">

				</div>
				<div id="change">
					选座购票
				</div>
			</div>

			<div id="newfuture">
				<h3>热门预告片</h3>
				<div id="future">
					<ul>
						<li><a href="#">
								<h1></h1><span id=""><img src="../../static/images/list1.jpg"></span>
								<p>速度与激情：特别行动</p>
							</a></li>
						<li><a href="#">
								<h1></h1><span id=""><img src="../../static/images/list2.jpg"></span>
								<p>哪吒之魔童降世</p>
							</a></li>
						<li><a href="#">
								<h1></h1><span id=""><img src="../../static/images/list3.jpg"></span>
								<p>铤而走险</p>
							</a></li>
						<li><a href="#">
								<h1></h1><span id=""><img src="../../static/images/list4.jpg"></span>
								<p>深夜食堂</p>
							</a></li>
						<li><a href="#">
								<h1></h1><span id=""><img src="../../static/images/list5.jpg"></span>
								<p>烈火英雄</p>
							</a></li>
					</ul>
				</div>
			</div>
		</div>
		<div id="black">
			<div id="blackmiddle">
				<div id="blacktop">
					<div id="blogo">
						<a href="#"><img src="../../static/images/black.png"></a>
						<span>如果您是消费者，</span>
						<span>请拨打0571-88157838</span>
						<span>如果您是影院/合作商家，</span>
						<span>请拨打400-825-9220</span>
						<span>(服务时间:9:00-21:00)</span>
					</div>
					<dl>
						<dt>选座购票流程</dt>
						<dd><a href="#">选择影片和场次</a></dd>
						<dd><a href="#">选择中意的座位</a></dd>
						<dd><a href="#">支付并收到取票短信</a></dd>
					</dl>
					<dl>
						<dt>取票流程</dt>
						<dd><a href="#">收到取票流程</a></dd>
						<dd><a href="#">影院自助取票</a></dd>
						<dd><a href="#">短信重发方式</a></dd>
					</dl>
					<dl>
						<dt>常见问题</dt>
						<dd><a href="#">是否支持退换票</a></dd>
						<dd><a href="#">填错手机号怎么办</a></dd>
						<dd><a href="#">更多问题>></a></dd>
					</dl>
					<dl>
						<dt>协议规范</dt>
						<dd><a href="#">用户服务协议</a></dd>
						<dd><a href="#">食品管理规范</a></dd>
						<dd><a href="#">隐私权政策</a></dd>
					</dl>
					<div class="ewm">
						<img src="../../static/images/ewm.png">
					</div>
				</div>
				<div id="blackcen">
					<a href="//news.alibaba.com/specials/aboutalibaba/aligroup/index.html?spm=1.1000386.245549.1.lsGIAa"
					 data-spm-anchor-id="1.1000386.245549.1">阿里巴巴集团</a>
					<b>|</b>
					<a href="//www.alibaba.com?spm=1.1000386.245549.2.lsGIAa" data-spm-anchor-id="1.1000386.245549.2">阿里巴巴国际站</a>
					<b>|</b>
					<a href="//www.1688.com?spm=1.1000386.245549.3.lsGIAa" data-spm-anchor-id="1.1000386.245549.3">阿里巴巴中国站</a>
					<b>|</b>
					<a href="//www.aliexpress.com?spm=1.1000386.245549.4.lsGIAa" data-spm-anchor-id="1.1000386.245549.4">全球速卖通</a>
					<b>|</b>
					<a href="//www.taobao.com/index_global.php?spm=1.1000386.245549.5.lsGIAa" data-spm-anchor-id="1.1000386.245549.5">淘宝网</a>
					<b>|</b>
					<a href="//www.tmall.com?spm=1.1000386.245549.6.lsGIAa" data-spm-anchor-id="1.1000386.245549.6">天猫</a>
					<b>|</b>
					<a href="//ju.taobao.com?spm=1.1000386.245549.7.lsGIAa" data-spm-anchor-id="1.1000386.245549.7">聚划算</a>
					<b>|</b>
					<a href="//www.etao.com/?spm=1.1000386.245549.8.lsGIAa&amp;tbpm=t" data-spm-anchor-id="1.1000386.245549.8">一淘</a>
					<b>|</b>
					<a href="//www.alimama.com?spm=1.1000386.245549.9.lsGIAa" data-spm-anchor-id="1.1000386.245549.9">阿里妈妈</a>
					<b>|</b>
					<a href="//www.aliyun.com?spm=1.1000386.245549.10.lsGIAa" data-spm-anchor-id="1.1000386.245549.10">阿里云计算</a>
					<b>|</b>
					<a href="//www.yunos.com?spm=1.1000386.245549.11.lsGIAa" data-spm-anchor-id="1.1000386.245549.11">云OS</a>
					<b>|</b>
					<a href="//www.net.cn?spm=1.1000386.245549.12.lsGIAa" data-spm-anchor-id="1.1000386.245549.12">万网</a>
					<b>|</b>
					<a href="//cn.yahoo.com?spm=1.1000386.245549.13.lsGIAa" data-spm-anchor-id="1.1000386.245549.13">中国雅虎</a>
					<b>|</b>
					<a href="//www.alipay.com" data-spm-anchor-id="1.1000386.245549.14">支付宝</a>
				</div>
				<div id="blackbot">
					<a href="//www.taobao.com/about/?spm=1.1000386.245549.15.lsGIAa" data-spm-anchor-id="1.1000386.245549.15">关于淘宝</a>
					<a href="//www.taobao.com/about/partners.php?spm=1.1000386.245549.16.lsGIAa" data-spm-anchor-id="1.1000386.245549.16">合作伙伴</a>
					<a href="//pro.taobao.com/?spm=1.1000386.245549.17.lsGIAa" data-spm-anchor-id="1.1000386.245549.17">营销中心</a>
					<a href="//service.taobao.com/support/main/service_route.htm?spm=1.1000386.245549.18.lsGIAa" data-spm-anchor-id="1.1000386.245549.18">联系客服</a>
					<a href="//open.taobao.com/?spm=1.1000386.245549.19.lsGIAa" data-spm-anchor-id="1.1000386.245549.19">开放平台</a>
					<a href="//www.taobao.com/about/join.php?spm=1.1000386.245549.20.lsGIAa" data-spm-anchor-id="1.1000386.245549.20">诚征英才</a>
					<a href="//www.taobao.com/about/contact.php?spm=1.1000386.245549.21.lsGIAa" data-spm-anchor-id="1.1000386.245549.21">联系我们</a>
					<a href="//www.taobao.com/sitemap.php?spm=1.1000386.245549.22.lsGIAa" data-spm-anchor-id="1.1000386.245549.22">网站地图</a>
					<a href="//www.taobao.com/about/copyright.php?spm=1.1000386.245549.23.lsGIAa" data-spm-anchor-id="1.1000386.245549.23">法律声明</a>
					<span>© 2017 Taopiaopiao.com 版权所有</span><br>增值电信业务经营许可证：沪B2-20170117 沪ICP备16050036号-1 <a href="//files.alicdn.com/tpsservice/77ec1f5f3fad05922448509b048e47b4.pdf"
					 target="_blank" title="营业执照"> 营业执照</a>
				</div>
				<div class="people"><img src="../../static/images/people.png"></div>
			</div>
		</div>
		<div id="foot">
			<div class="police">
				<a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=33010602010047"><img src="../../static/images/jing.png"><span>浙公网安备
						33010602010047号</span></a>
			</div>
		</div>
		<div id="fixed">
			<img class="fixed1" src="../../static/images/fiexed.png" />
			<img class="fixed2" src="../../static/images/fixed.png" />
			<span><img src="../../static/images/x.png"></span>
		</div>
	</body>
	<script src="../../static/scripts/require.js" data-main="index.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../static/scripts/require.js" data-main="movie.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/html" id="list_temp2">
		<ul>
		    		<li class="main">导演：<%=list.director%><li>
		    		<li class="main">主演：<%=list.actors%><li>
		    		<li class="main">类型：<%=list.kind%><li>
		    		<li class="main">地区：<%=list.area%><li>
		    		<li class="main">语言：<%=list.language%><li>
		    		<li class="main">片长：<%=list.time%><li>	    	
		    <ul>
		    </script>
</html>
